<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>联系我们-contact.html</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css" />
    <link rel="stylesheet" type="text/css" href="css/inner.css" />
    <script
      type="text/javascript"
      src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=mVgTxmcFr9OhO9qwYUpEMjyknd9h56NV"
    ></script>
    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
  </head>
  <body>
    <div class="top">
      <div class="top_con">
        <div class="tel">咨询热线：0715-xxxxxxxx</div>
        <div class="mail">咨询邮箱：568626715@qq.com</div>
        <div class="clear"></div>
      </div>
    </div>
    <header>
      <div class="header">
        <div class="head_bg">
          <div class="head">
            <div class="logo fl">
              <h1>
                <a href="index.html"
                  ><img
                    alt="湖北睿游网络科技有限公司"
                    src="images/logo.png"
                    width="150px"
                    height="56px"
                /></a>
              </h1>
            </div>
            <div class="menu fr">
              <nav>
                <ul>
                  <li><a id="menu1" href="index.html">网站首页</a></li>
                  <li><a id="menu2" href="about.html">关于</a></li>
                  <li><a id="menu3" href="cases.html">成功案例</a></li>
                  <li><a id="menu8" href="contact.html">联系我们</a></li>
                </ul>
                <div class="clear"></div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="main">
      <div class="container">
        <div class="contact_banner">
          <div id="container"></div>
        </div>
        <div class="content">
          <div class="contact">
            <div class="general_title_new">
              <div class="dian_bg"></div>
              <h1>联系</h1>
              <div class="dian_bg"></div>
            </div>
            <div class="contact_type">
              <div class="contact_type_ul">
                <ul>
                  <li class="contact_type_ad">
                    <div class="contact_type_ad_title">公司地址</div>
                    <div class="contact_type_ad_int">
                      湖北省咸宁市银泉大道723号
                      <br />
                      <br />
                      邮编：437000
                    </div>
                    <div class="contact_type_ad_button">Address</div>
                  </li>
                  <li class="contact_type_tel">
                    <div class="contact_type_ad_title">联系方式</div>
                    <div class="contact_type_ad_int">
                      联系电话 | 0715-xxxxxxxx
                      <br />
                      传真 | 0715-xxxxxxxx <br />
                      Email | 568626715@qq.com
                    </div>
                    <div
                      class="contact_type_ad_button"
                      style="background: #91bb4f"
                    >
                      Contact
                    </div>
                  </li>
                  <li class="contact_type_mail">
                    <div class="contact_type_ad_title">微信</div>
                    <div class="contact_type_ad_int">
                      <img src="images/ryewm.png" alt="扫描官方微信" />
                    </div>
                  </li>
                  <div class="clear"></div>
                </ul>
              </div>
            </div>
            <div class="contact_arrive">
              <div class="contact_arrive_left">
                <h2>如何到达网络</h2>
                <dl class="bus">
                  <dt>公交车</dt>
                  <dd>站台：市公路管理局</dd>
                  <dd>线路：8路</dd>
                </dl>
                <dl class="car">
                  <dt>出租车/自驾</dt>
                  <dd>地点：银泉大道723号</dd>
                  <dd>地址：湖北省咸宁市银泉大道723号</dd>
                </dl>
                <dl class="train">
                  <dt>地铁</dt>
                  <dd>站台：银泉大道</dd>
                  <dd>线路：暂无地铁线路</dd>
                </dl>
              </div>
              <div class="contact_arrive_right">
                <h2>给我们留言</h2>
                <div class="contact_table">
                  <form method="post" action="/Feedback">
                    <table>
                      <tbody>
                        <tr>
                          <td>
                            <input
                              name="name"
                              class="input"
                              type="text"
                              value="你的称呼（必填）"
                              onFocus="if(this.value='你的称呼（必填）')this.value=''"
                              onBlur="if(this.value=='')this.value=='你的称呼（必填）'"
                            />
                          </td>
                          <td>
                            <input
                              name="tel"
                              class="input"
                              type="text"
                              value="你的电话（必填）"
                              onFocus="if(this.value='你的电话（必填）')this.value=''"
                              onBlur="if(this.value=='')this.value=='你的电话（必填）'"
                            />
                          </td>
                        </tr>
                        <tr>
                          <td>
                            <input
                              name="qq"
                              class="input"
                              type="text"
                              value="QQ号码"
                              onFocus="if(this.value='QQ号码')this.value=''"
                              onBlur="if(this.value=='')this.value=='QQ号码'"
                            />
                          </td>
                          <td>
                            <input
                              name="company"
                              class="input"
                              type="text"
                              value="所在公司"
                              onFocus="if(this.value='所在公司')this.value=''"
                              onBlur="if(this.value=='')this.value=='所在公司'"
                            />
                          </td>
                        </tr>
                        <tr>
                          <td colspan="2">
                            <textarea
                              name="content"
                              cols=""
                              rows=""
                              onFocus="if(this.value='请输入留言内容')this.value=''"
                              onBlur="if(this.value=='')this.value=='请输入留言内容'"
                            >
      请输入留言内容</textarea
                            >
                          </td>
                        </tr>
                        <tr>
                          <td colspan="2">
                            <input type="submit" class="btn_submit" value="" />
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </form>
                </div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </div>
      <footer>
        <div class="footer2" id="footer">
          <a name="foot"></a>
          <div class="footer_con">
            <div class="footer_dl">
              <dl>
                <dt>关于</dt>
                <dd>
                  <a href="about.html">关于我们</a>
                </dd>
                <dd>
                  <a href="contact.html">联系我们</a>
                </dd>
              </dl>
              <dl>
                <dt>经典案例</dt>
                <dd>
                  <a href="http://www.ruiywl.cn/web2.php/">睿游网络平台</a>
                </dd>
              </dl>
              <dl>
                <dt>服务范围</dt>
                <dd>
                  <a href="service.html">游戏策划</a>
                </dd>
                <dd>
                  <a href="service.html">游戏研发</a>
                </dd>
                <dd>
                  <a href="service.html">游戏运营</a>
                </dd>
                <dd>
                  <a href="service.html">游戏维护</a>
                </dd>
              </dl>
              <dl class="footer_dl2" style="width: 340px">
                <dt>联系我们</dt>
                <dd>
                  <img src="images/xinlang.png" alt="网络官方微博" />
                  <a
                    href="http://weibo.com/23542345"
                    rel="noFollow"
                    target="_blank"
                    >官方微博: http://weibo.com/23542345</a
                  >
                </dd>
                <dd>
                  <img src="images/mail.png" alt="咨询邮箱" />
                  <a href="mailto:sales@23542345.cn"
                    >咨询邮箱：568626715@qq.com</a
                  >
                </dd>
                <dd>
                  <img
                    src="images/tel.png"
                    alt="咨询电话"
                  />咨询热线：0715-xxxxxxxx
                </dd>
                <dd><img src="images/weixin.png" alt="" />微信：网站建设</dd>
              </dl>
              <form method="post" action="/Feedback">
                <dl class="footer_dl3">
                  <dt>给我们留言</dt>
                  <dd>
                    <input
                      name="name"
                      class="input"
                      type="text"
                      value="你的称呼（必填）"
                      onFocus="if(this.value='你的称呼（必填）')this.value=''"
                      onBlur="if(this.value=='')this.value=='你的称呼（必填）'"
                    />
                  </dd>
                  <dd>
                    <input
                      name="tel"
                      class="input"
                      type="text"
                      value="你的电话（必填）"
                      onFocus="if(this.value='你的电话（必填）')this.value=''"
                      onBlur="if(this.value=='')this.value=='你的电话（必填）'"
                    />
                  </dd>
                  <dd>
                    <textarea name="content" cols="" rows=""></textarea>
                  </dd>
                  <dd>
                    <input
                      type="image"
                      alt="提交留言"
                      src="images/submit_button.png"
                    />
                  </dd>
                </dl>
              </form>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <div class="bottom_con">
            © 2018-2038 睿游网络 All Rights Reserved 版权所属
            湖北睿游网络科技有限公司
            <a
              href="http://www.ruiywl.cn/web2.php/"
              rel="noFollow"
              style="color: #666"
              >鄂ICP备20001388号 Copyright
            </a>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
<script type="text/javascript">
  document.getElementById("menu8").className = "a1";
  var map = new BMapGL.Map("container");
  // 创建地图实例
  var point = new BMapGL.Point(116.404, 39.915);
  // 创建点坐标
  map.centerAndZoom(point, 15);
  // 初始化地图，设置中心点坐标和地图级别
  var opts = {
    position: point, // 指定文本标注所在的地理位置
    offset: new BMapGL.Size(0, 0), //设置文本偏移量
  };
  const content = `<div class="map"><span>北京天安门</span>
           </div>`;
  var label = new BMapGL.Label(content, opts); // 创建文本标注对象
  label.setStyle({
    border: "none",
    backgroundColor: "#e61c24",
    color: "#fff",
    fontFamily: "微软雅黑",
  });
  //把设置到的文本添加地图上
  map.addOverlay(label);

  //   固定导航栏
  $(function () {
    // 获取顶部 top 的高度值
    var topHeight = $(".top").height();
    // 监听浏览器的滚动事件
    $(window).scroll(function () {
      var docScrollTOp = $(document).scrollTop();
      //判断docScrollTop 和topHeight的大小
      if (docScrollTOp >= topHeight) {
        $("header").css({
          width: "100%",
          boxSizing: "border-box",
          position: "fixed",
          zIndex: 222,
          top: 0,
        });
        $(".main").css({ marginTop: $("header").height() });
      } else {
        $("header").css({ position: "static" });
        $(".main").css({
          marginTop: 0,
        });
      }
    });

    //console.log(docScrollTop);
    // 判断一下 docScrollTOp 和 topHeight两个大小
    // 文档被卷去的高度 大于或等于 top高度的时候
    // 让导航栏变成固定定位
  });
</script>
